<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index01.css">
</head>
<body>
    <div class="header"></div>
    <div class="longbo">
        <!-- 二级菜单 -->
        <ul class="middle_left" id="opti" >
			<li>
				<span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="div1">
					<ul>
						<li class="list">热门图书</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
					</ul>
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>
					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
					
				</div>
					
			</li>
			<li>
				<span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="div2">
					<ul>
						<li class="list">热门图书</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
					</ul>
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>

					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>
				</div>
			</li>
			
			<li><span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="div3">
					
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>

					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
				
				</div>
			</li>
			<li><span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="div3">
					
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>

					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
				
				</div>
			</li>
			<li><span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="div3">
					
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>

					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
				
				</div>
			</li>
			<li><span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="last">
					
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>

					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
				
				</div>
			</li>
			
			<li><span class="span">文学艺术</span>
				<span>小说</span>
				<span>文学</span>
				<span>艺术</span>
				<span>传记</span>
				<div class="last">
					
					<ul>
						<li class="list">艺术</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						
					</ul>
					<ul>
						<li class="list">文学</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						
					</ul>
					<ul>
						<li class="list">小说</li>
						<li>解忧杂货铺</li>
						<li>浮生六计</li>
						<li>自在独体</li>
						<li>摆渡人</li>
						<li>三体</li>
						<li>围城</li>
						

					</ul>

					<ul>
						<li class="list">图书</li>
					
						<li>围城</li>
					</ul>
				
				</div>
			</li>
        </ul>
        <!-- 轮播图 -->
        <div class="middle_right">
            <ul id="imgWrap">
                <li class="show"><img src="img/3b43408d-05d1-4ba9-94e2-965025f08e99.webp" alt=""></li>
                <li><img src="img/b8af6412-fc05-4791-802f-47461ee6a70c.webp" alt=""></li>
                <li><img src="img/da11294c-2499-49c9-af83-1a2172ee89b5.webp" alt=""></li>
                <li><img src="img/dba00963-072c-4468-910d-70aa00cf3bc7.webp" alt=""></li>
                
            </ul>
            <img src="img/l.png" alt="" id="prev">
            <img src="img/r.png" alt="" id="next">
            <ul id="dotWrap">
            </ul>
        </div>
      
    </div>

      <!-- 图书列表 -->
      <div class="tushuList">
        <div class="tushu_left">
            <p >新书上架</p>
            <div class="dl">
				<dl>
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl>
					<dd><img src="img/ba76ab54-569b-43d1-a8f4-35e653a15727.jpg" alt=""></dd>
					<dt>世界文明孤独史</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl>
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
                </dl>
                <dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
                </dl>
                <dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>世界文明孤独）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
			</div>
        </div>
        
         <div id="tushuList_right">
            <div><img src="img/deee746a-2a9d-4ebf-b8cb-b4be39dc47e6.webp" alt=""></div>
            <ul id="ul" >
                <li class="active" id="hade1">
                    <div id="div1" class="had" >中国共产党历史</div>
                    <div class="div2" >
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li >
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
                <li class="last">
                    <div id="div1">中国共产党历史</div>
                    <div class="div2">
                        <p class="p1"><img src="img/3739f646-4886-44a5-892f-7135af09b806.jpg" alt=""></p>
                        <p class="p2">
                            <span>中国共产党历史</span>
                            <span>本书编辑</span>
                            <span class="sp1">￥158</span>
                        </p>
                    </div>
                </li>
            </ul>
        
        </div>
    </div>

    <!-- 图书列表2 -->
    <div id="find">
		
			
		<dl>
			<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
			<dt>伟大起源（全2册）</dt>
			<p>
				<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<del>￥158.00</del>
			</p>
		</dl>
		<dl>
			<dd><img src="img/ba76ab54-569b-43d1-a8f4-35e653a15727.jpg" alt=""></dd>
			<dt>世界文明孤独史</dt>
			<p>
				<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<del>￥158.00</del>
			</p>
		</dl>
		<dl>
			<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
			<dt>到有繁星的地方去</dt>
			<p>
				<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<del>￥158.00</del>
			</p>
		</dl>
				<dl>
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl>
					<dd><img src="img/ba76ab54-569b-43d1-a8f4-35e653a15727.jpg" alt=""></dd>
					<dt>世界文明孤独史</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl>
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>世界文明孤独）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				
				<dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>世界文明孤独）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
    </div>
    
    <div id="find">
		
			
		<dl>
			<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
			<dt>伟大起源（全2册）</dt>
			<p>
				<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<del>￥158.00</del>
			</p>
		</dl>
		<dl>
			<dd><img src="img/ba76ab54-569b-43d1-a8f4-35e653a15727.jpg" alt=""></dd>
			<dt>世界文明孤独史</dt>
			<p>
				<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<del>￥158.00</del>
			</p>
		</dl>
		<dl>
			<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
			<dt>到有繁星的地方去</dt>
			<p>
				<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<del>￥158.00</del>
			</p>
		</dl>
				<dl>
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl>
					<dd><img src="img/ba76ab54-569b-43d1-a8f4-35e653a15727.jpg" alt=""></dd>
					<dt>世界文明孤独史</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl>
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>世界文明孤独）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				
				<dl class="delist">
					<dd><img src="img/fab5a775-a52e-49bb-8a11-bf66ec1d0d26.jpg" alt=""></dd>
					<dt>人类精神的伟大起源（全2册）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>世界文明孤独）</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
				<dl class="delist">
					<dd><img src="img/be4ed604-4e9a-4a2b-8a6d-2a1612cfa284.jpg" alt=""></dd>
					<dt>到有繁星的地方去</dt>
					<p>
						<span>￥89.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<del>￥158.00</del>
					</p>
				</dl>
    </div>
    <div class="footer"></div>
</body>
</html>

<script src="js/index01.js"></script>

<script src="js/jquery-3.2.1.min.js"></script>

<script >
    $(".header").load("totaltop.html");
    $(".footer").load("bottom.html")
 </script>